<template>
  <div id="users">
    用户
    <ul>
      <li v-for="user in users" :key="user.id">{{user.name}}</li>
    </ul>
    <nuxt-child></nuxt-child>
  </div>
</template>

<script>
import { async } from 'q';
function getUsers() {
    return new Promise(resolve => {
      setTimeout(() => {
        resolve([{ name: "tom", id: 1 }, { name: "jerry", id: 2 }]);
      }, 1500);
    });
}

export default {
  layout: 'users',
  async asyncData() {
    console.log(process.server);
      
    // 使用async/await
    const users = await getUsers();
    // return的数据最终回合data中的合并
    return { users };
  },
  head() {
    return {
      title: '用户首页',
      // meta: [
      //   { auth: true },
      //   { hid: 'description', name: 'description', content: 'My custom description' },
      // ]
    }
  },
  meta: { 
    auth: true
  }
}
</script>

<style>

</style>